*{
				margin: 0;
				padding: 0;
				text-decoration: none;
				list-style: none;
			}
			.mobile{
				background: url(../img/bg1.png)no-repeat;
				background-color: skyblue;
			    background-size: 40%;
			    background-position-y: 405px;
			    background-position-x: 103px;
		        height: 667px;
		        position: relative;
		        overflow: hidden;
		       
		        
			}
			.begin{
			    font-weight: bolder;
			    font-size: 30px;
			    color: #000;
			    text-align: center;
			    width: 158px;
			    height: 64px;
			    line-height: 64px;
			    background: #fff57f;
			    border-radius: 20px;
			    box-shadow: 2px 2px 20px 5px #FF9800;
			    position: absolute;
			    top: 560px;
			    left:108px ;
			}
			.mobile h1{
				font-size: 50px;
				color: gold;
				text-shadow:10px 10px 7px #FF9800;
			}
			h1:nth-child(1){
				
				text-align: left;
    			margin-left: 50px;
    			margin-top: 20px;	
			}
			h1:nth-child(2){
				text-align: right;
			    margin-right: 62px;
			    margin-top: -26px;				
				
			}
			.bg{
				position: absolute;
				top: 100px;
				left: 20px;
			}
			.bg img{
				opacity: 0.4;
			}
			.img{
				width: 300px;
				height: 300px;
				margin: 50px auto;
			}
			.img img{
				width: 50px;
				height: 50px;
				margin: 10px;
				border-radius: 15px;
				opacity: 1;
			}
			.img img:nth-child(1),.img img:nth-child(3){
				width: 50px;
				height: 50px;
				margin: 10px;
				border-radius: 15px;
				opacity: 1;
				transform: scale(1);
				transform-origin: center;
				animation-name: bianhuan;
				animation-duration: 2s;
				animation-iteration-count: infinite;
			}
			#canvas{
				width: 300px;
				height: 400px;
				/*background: gray;*/
				position: absolute;
				top: 126px;
				left: 35px;
			}
			@keyframes bianhuan{
				0%{opacity: 1;transform: scale(1);}
				50%{opacity: 0.5;transform: scale(1.5);}
				100%{opacity: 0;transform: scale(0);}
			}